<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" href="../resource/bootstrap/css/bootstrap.css"/>
</head>
<body style="padding: 20px;">
<div class="progress">
	<div class="bar" style="width: 60%;"></div>
</div>

<div class="progress">
	<div class="bar bar-success" style="width: 35%;"></div>
	<div class="bar bar-warning" style="width: 20%;"></div>
	<div class="bar bar-danger" style="width: 10%;"></div>
</div>

<div class="progress progress-info">
	<div class="bar" style="width: 20%"></div>
</div>
<div class="progress progress-success">
	<div class="bar" style="width: 40%"></div>
</div>
<div class="progress progress-warning">
	<div class="bar" style="width: 60%"></div>
</div>
<div class="progress progress-danger">
	<div class="bar" style="width: 80%"></div>
</div>

</body>
</html>